<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工档案</title>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'west',width:150">
        <div class="easyui-layout" data-options="fit:true">
            <div class="tool-bar-style" data-options="region:'north',height:'auto'">
                <a style="margin-left: 10px" class="easyui-linkbutton"
                   data-options="iconCls:'icon-add',onClick:btn_page_emp_tree_add"></a>
                <a style="margin-left: 10px" class="easyui-linkbutton"
                   data-options="iconCls:'icon-edit',onClick:btn_page_emp_tree_update"></a>
                <a style="margin-left: 10px" class="easyui-linkbutton"
                   data-options="iconCls:'icon-cancel',onClick:btn_page_emp_tree_delete"></a>
            </div>
            <div data-options="region:'center'">
                <ul id="page_emp_department_tree"/>
                <div class="easyui-dialog form-item-style" id="page_emp_tree_dialog"
                     data-options="closed:true,modal:true">
                    <form id="page_emp_tree_dialog_form" method="POST">
                        <div>
                            <input name="departmentName" class="easyui-textbox"
                                   data-options="label:'部门名：',required:true,labelWidth:75,width:215">
                        </div>
                        <div>
                            <input name="departmentParentId" class="easyui-combotree"
                                   data-options="label:'上级部门：',
                                   labelWidth:75,
                                   width:215,
                                   editable:false,
                                   cache:true,
                                   readonly:true,
                                   url:'department/tree',
                                   method:'GET',
                                   queryParams:{parentId:null},
                                   textField:'text',
                                   onShowPanel:function(){
                                    $(this).combotree('tree').tree('reload');
                                   },
                                   valueField:'id',
                                   editable:true,
                                   limitToList:true">
                        </div>
                        <div>
                            <input name="remarks" class="easyui-textbox"
                                   data-options="label:'备注：',labelWidth:75,width:215">
                        </div>
                        <div>
                            <input name="detartmentStatus" class="easyui-combobox"
                                   data-options="label:'停用：',labelWidth:75,width:215,data:[{id: 0, text: '停用'}, {id: 1, text: '正常'}],textField:'text',valueField:'id',panelHeight:'auto',value:1,editable:false">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'center'">
        <div class="easyui-layout" data-options="fit:true">
            <div class="tool-bar-style" data-options="region:'north',height:'auto'">
                <a class="easyui-linkbutton" data-options="iconCls:'icon-add',onClick:btn_page_emp_add">新增</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-edit',onClick:btn_page_emp_update">修改</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel',onClick:btn_page_emp_delete">删除</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-redo',onClick:btn_page_emp_export">导出</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-undo',onClick:btn_page_emp_import">导入</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-reload',onClick:btn_page_emp_reload">重置</a>
                <!--                <a class="easyui-linkbutton" data-options="iconCls:'icon-no',onClick:btn_page_emp_no">关闭</a>-->
            </div>
            <div data-options="region:'center'">
                <table id="page_emp_grid_main"></table>
                <div id="page_emp_editable_dialog" class="easyui-dialog"
                     data-options="
                     modal:true,
                     width:800,
                     height:750,
                     closed:true,
                     href:'pages/sub_page/page_employee_editor.html',
                     title:'人事档案编辑',
                     iconCls:'icon-edit',
                     "></div>
                <div id="page_emp_import_dialog" class="easyui-dialog" data-options="
                    modal:true,
                    onClose:function(){
                        $('#page_emp_import_form').form('clear');
                    },
                    width:300,
                    height:200,
                    closed:true,
                    title:'导入',
                    iconCls:'icon-redo',">
                    <div class="easyui-layout" data-options="fit:true">
                        <div class="form-item-style" data-options="region:'north',height:'auto'">
                            <a class="easyui-linkbutton"
                               data-options="iconCls:'icon-undo',onClick:btn_page_emp_import_dialog_exporttemp">导出模板</a>
                            <a class="easyui-linkbutton"
                               data-options="iconCls:'icon-redo',onClick:btn_page_emp_import_dialog_import">导入</a>
                        </div>
                        <div class="form-item-style" data-options="region:'center'">
                            <form id="page_emp_import_form" method="post" enctype="multipart/form-data">
                                <input name="excel" id="page_emp_import_input" class="easyui-filebox" data-options="
                            buttonText:'选择文件',
                            required:true,
                            width:250,
                            buttonIcon:'icon-add',
                            accept:'xlsx',
                            ">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/page_employee.js"></script>
</body>
</html>